﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})">
</head>

<body>

    
<div id="main-wrapper">

    <!--Header section start-->
    <template th:replace="layout::header"></template>
    <!--Header section end-->
    
    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">Agent</h1>
                    <ul class="page-breadcrumb">
                        <li><a href="index.html">主页</a></li>
                        <li class="active">Agent Carousel 3 Column</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--Agent Section start-->
    <div class="agent-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <div class="row">
                <div class="agent-carousel-2 section">

                    <!--Agent satrt-->
                    <div class="col"  th:each="agentInfo : ${agentInfos}">
                        <div class="agent">
                            <div class="image">
                                <a class="img" href="agent-details.html"><img th:src="${agentInfo.user.head}" alt=""></a>
                                <div class="social">
                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <h4 class="title"><a href="agent-details.html" th:text="${agentInfo.user.name}"></a></h4>
                                <a href="#" class="phone" th:text="${agentInfo.user.phone}"></a>
                                <a href="#" class="email" th:text="${agentInfo.agent.email}"></a>
                                <span class="properties" th:text="${agentInfo.agent.properties}+'房'"></span>
                            </div>
                        </div>
                    </div>
                    <!--Agent end-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-2.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">朱.汉密尔顿</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">2房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-3.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">克莉期丁.吉尔波特</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">4房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-4.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">杰森.帕特</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">2房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-5.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">德布拉.依尔斯</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-6.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">Kathryn Hunter</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-7.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">Howard Ruiz</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-8.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">Robert Nelson</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-9.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">Melissa Burke</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-10.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">James Alvarado</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-11.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">Russell Riley</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-12.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">Marie Ellis</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

                </div>
            </div>
        </div>
    </div>
    <!--Agent Section end-->

    <!--Footer section start-->
    <template th:replace="layout::footer"></template>
    <!--Footer section end-->
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/map-place.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
